import type { Config } from "tailwindcss";

const config: Config = {
  theme: {
    extend: {
      fontSize: {
        "2xs": "0.625rem", // 10px
        xs: "0.75rem", // 12px
        sm: "0.875rem", // 14px
        base: "1rem", // 16px
        lg: "1.125rem", // 18px
        xl: "1.25rem", // 20px
        "2xl": "1.5rem", // 24px
        "3xl": "1.875rem", // 30px
        "4xl": "2.25rem", // 36px
        "5xl": "3rem" // 48px
      },
      spacing: {
        "1": "4px", // 默认 0.25rem
        "2": "8px", // 0.5rem
        "3": "12px", // 0.75rem
        "4": "16px", // 1rem
        "5": "20px", // 1.25rem
        "6": "24px", // 1.5rem
        "7": "28px",
        "8": "32px",
        "9": "36px",
        "10": "40px",
        "18": "72px", // 自定义大间距
        "32": "128px"
      }
    }
  }
};

export default config;
